@charset "utf-8";
/* CSS Document */
*{margin:0 auto;padding:0px;}
body,p,h1,h2,h3,h4,h5,ul,li,img,table,tbody,tr,td,a{margin:0 auto;padding:0px;_margin:0 auto;_padding:0px;}

body{font-size:12px;text-transform: inherit;color:#333333; font-family:"Microsoft YaHei"}

img{border:none;}

a{text-decoration:none;border:none}

ul li{list-style:none}

#header_bg{ background:url(header_bg.jpg) repeat-x; height:164px; overflow:hidden}

.header{ width:1000px; margin:0 auto;}

.h_top{ height:25px; line-height:25px}

.h_left{ float:left; color:#999999}

.h_left_h1{ float:left; color:#999999; line-height:25px;}

.h_right{ float:right;}

.h_right li{ float:left; background:url(top_g.jpg) no-repeat left center; padding-left:10px; margin-right:8px}

.h_right li a{ color:#999999}

.logo{ float:left;}

.top_right{ float:right; width:314px}

.tel{ background:url(tel_logo.jpg) no-repeat left center; line-height:30px; padding-left:25px; margin-top:15px; float:right}

.tel span{ font-family:Arial, Helvetica, sans-serif; font-size:24px}

#search{height:32px; float: right;  margin-top:3px;}

#input{width: 282px;height: 32px; line-height:32px; text-indent: 12px; border: none;background:url(search_left.jpg) no-repeat left center }

.nav{ clear:both}

.nav ul li{ float:left; width:135px; text-align:center; height:36px; line-height:36px; font-size:14px; background:url(nav_g.jpg) no-repeat left center}

.nav ul li a{ color:#fff; display: block}

.nav ul li a:hover{ background:#0278e0}

.nav ul .nav_a a{ background:#0278e0}

.midbg{ width:100%; height:505px; position: relative; z-index:1;clear:both}

.iBan { height:505px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}

.iBanScreen{  height:505px; background-repeat:no-repeat; background-position:center top;}

.iBanScreen ul{ width:100%; height:505px; position:relative; top:0; margin:0 auto;}

.iBanScreen li{ width:100%; height:505px; overflow:hidden; position:absolute; display:none;}

.iBanScreen li a{ display:block; width:100%; height:100%}

.iBanScreen .num{ position:absolute; bottom:15px; left:45%; z-index:999; }

.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}

.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}

.about_index{ width:1000px; margin:0 auto; background:url(about_bg.jpg) no-repeat top center; height:361px; margin-top:45px}

.about_h2{ font-size:18px; color:#3d8abd; text-align:right; margin-right:190px; padding-top:75px; margin-bottom:12px}

.about_p{ float:right; width:495px; margin-right:20px}

.about_p p{ line-height:24px; font-size:14px; color:#244f69; text-indent:2em}

.about_p span{ padding-top:20px; display:block}

.pro_bg{ background:url(pro_show_bg.jpg) no-repeat top center; height:561px; overflow:hidden; margin-top:70px}

.pro_index{ width:1000px; margin:0 auto;}

.pro_index h2{ text-align:center; font-size:16px; color:#fff; margin-top:95px}

#demo {overflow:hidden;width:1000px; margin:0 auto; height:262px; margin-top:95px}

#indemo {float: left;width: 800%;}

#demo1 {float: left;}

.download_show li{ float:left; text-align:center;/*width:215px;height:245px;*/ background:#add3f5; margin:8px 5px; padding:10px 10px 0px 10px}

/*.download_show li img{width:215px;height:205px;}*/

.download_show li h3{ font-size:14px; height:35px; overflow:hidden; line-height:35px; color:#0178e0;}

#demo2 {float: left;}

.pro_more{ text-align:center; display:block; margin-top:17px}

.news_index{ width:1000px; margin:0 auto; clear: both; overflow:hidden; margin-top:55px; margin-bottom:70px}

.news_index h2{ background:url(news_h2.jpg) no-repeat top center; text-align:center; padding-top:32px; font-size:24px; color:#333333; font-weight:normal; margin-bottom:25px}
.news_index ul{display: flex;flex-wrap: wrap;}

.news_index ul li{ float:left; width:323px; margin:0px 5px 15px 5px; }

.news1{ background:url(news_img01.jpg) no-repeat top center;}

.news2{ background:url(news_img02.jpg) no-repeat top center;}

.news3{ background:url(news_img03.jpg) no-repeat top center;}

.news4{ border-top:1px dashed #999;}

.news5{ border-top:1px dashed #999;}

.news6{ border-top:1px dashed #999;}

.news4 .news_title{  margin-top:0px;   }

.news5 .news_title{  margin-top:0px;   }

.news6 .news_title{  margin-top:0px;   }

.news_title{ line-height:35px;height:35px; font-size:18px; color:#000000; padding:3px 0px; margin-top:194px;overflow:hidden;}

.news_p{ line-height:20px; color:#767676}

#footer_bg{ background:url(footer_bg.jpg) repeat-x #2b2e35; clear:both;overflow: hidden;}

.footer{ width:1000px; margin:0 auto; color:#fff; margin-top:50px}

.footer a{ color:#fff}

.footer a:hover{ color:#fff}

.secondary_nav{ float:left; background:url(f_g.jpg) no-repeat left center; padding-left:65px; padding-right:65px; height:168px; margin-bottom:30px}

.secondary_nav01{ float:left;  padding-left:10px; padding-right:60px; height:168px}

.f_h2{ font-size:15px; font-weight:bold; line-height:20px; margin-bottom:10px}

.secondary_list{ line-height:23px}

.add{ background:url(add.jpg) no-repeat left center; padding-left:25px; line-height:30px}

.f_tel{ background:url(f_tel.jpg) no-repeat left center; padding-left:25px;line-height:30px}

.mail{ background:url(mail.jpg) no-repeat left center; padding-left:25px;line-height:30px}

.web{ background:url(web.jpg) no-repeat left center; padding-left:25px;line-height:30px}

.footer_p{ clear:both; line-height:25px; overflow:hidden; padding:10px 0px}
/*ny*/

#ban{ background:url(about.jpg) no-repeat top center; height:250px; clear:both;}

#container{ width:1000px; margin:0 auto; clear: both; margin-top:35px; padding-bottom:50px; overflow:hidden }

.left{float:left; width:230px;border:1px solid #e7e7e7;}

.h2_left{ background:url(h2_bg.jpg) no-repeat top center; height:45px; line-height:45px; color:#fff; font-size:19px; padding-left:15px}

.h2_left span{ font-size:14px; padding-left:5px}

.left img{ border-bottom:1px solid #e7e7e7}

.left ul{ border-top:1px solid #e7e7e7;width:215px; margin:10px auto}

.left ul li{ line-height:28px; height:28px; width:215px; background:url(list_bg.jpg) no-repeat left center; margin:2px 0px}

.left ul li a{ padding-left:35px; color:#484848; font-size:13px}

.left p{ line-height:25px; padding:12px}

.right{ width:750px; float: right;}

.title_h1{font-size: 18px; color: #393939; border-bottom: #bbbbbb 1px solid; line-height: 45px; height: 45px; overflow:hidden;  }

.title_h1 h1{font-size: 18px; color: #393939; font-weight: bold; float:left; line-height: 45px; }

.return{float:right;font-size:12px;font-weight:normal; 6 font-family:"宋体"; margin-right:5px}

.return .home{ background:none}

.return a{color:#666;padding-right:5px;padding-left:10px;}

.return a:hover{ color:#d82e2c}

.page_content{padding:15px 10px;line-height:30px;text-align:center; overflow:hidden; }

.page_content p{text-align:left;text-indent:2em; font-size:13px; }

.News_list{margin-top:5px;text-align:left; font-size:14px}

.News_list li{line-height:35px; font-size:14px; background:url(news_more.jpg) no-repeat left center; padding-left:20px; border-bottom:1px dashed #CCC}

.News_list li a{color:#666}

.time{ float:right}

#page{clear:both;margin:20px; text-align:right; color:#666}

#page a{color:#666;padding-left:5px}

.Product_list{margin-top:5px;overflow:hidden;display: flex;flex-wrap: wrap;}

.Product_list li{float:left; text-align:center;width:32%; background:#add3f5; margin:0.6%; padding:10px 10px 0px 10px}

.Product_list li h3{font-size:14px;  line-height:35px;color:#0178e0; font-weight:normal}

.title{line-height:30px;font-size:18px;font-weight:bold;/*margin:0px 0px 5px 0px;*/}

.hit{height:30px;line-height:30px;}

#page-content{text-align:center}

.page{text-align:left;line-height:25px;border:1px #CCCCCC solid;padding:5px 0px 5px 30px; margin-top:20px}

.page a{color:#666}

#page-content img{margin-top:10px}

.cp-details{text-align:left;height:30px;line-height:30px;font-size:14px;margin:20px 0px}

#related_product{overflow:hidden}

#related_product p{font-size:16px;margin:15px 0;text-align:left; font-weight:bold}

#related_product ul li{float:left; text-align:center;width:215px;height:245px; background:#add3f5; margin:5px 4px; padding:10px 10px 0px 10px}

#related_product ul li img{ width:100%; }

#related_product ul li h3{font-size:14px;  line-height:35px; color:#0178e0; font-weight:normal}

/*#related_product ul li  a:hover{color:#fff;}*/

#details {margin-bottom:20px;margin-top:20px;}

#page a.active:link, #page a.active:visited {color: #3890d8}

.inquiryperson{ margin-bottom:20px; text-transform:capitalize; margin-top:20px}

.inquiryperson td{ padding:5px 10px 0px 10px;}

.box1{margin-top:10px; padding-bottom:10px;}

.inquiryperson p{ text-align:left; line-height:25px; text-indent:0px}

#content1{ width:99%; height:100px}

.page_feedback{text-align:center; padding-bottom:20px; clear:both; text-transform:capitalize}

.page_feedback td{ padding:5px 5px 0px 10px;}

/*在线飘浮QQ*/

.qqbox{ z-index: 9999; }

.qqbox A:link {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:hover {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox A:active {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox {
	FONT-SIZE: 12px; RIGHT: 0px; OVERFLOW: hidden; WIDTH: 150px; COLOR: #000000; LETTER-SPACING: 0px; POSITION: absolute; TOP: 100px; HEIGHT: auto;
	text-align:left
}
.qqlv {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 25px; POSITION: relative; HEIGHT: 256px
}
.qqkf {
	BORDER: #0dacd3 6px solid; RIGHT: 0px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 120px; TOP: 0px; HEIGHT: auto
}
.qqkfbt {
	BORDER-RIGHT: #9cd052 1px solid; BORDER-TOP: #9cd052 1px solid; FONT-WEIGHT: bold; BACKGROUND: #39ccde; OVERFLOW: hidden; BORDER-LEFT: #9cd052 1px solid; WIDTH: 118px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #9cd052 1px solid; POSITION: relative; HEIGHT: 20px; TEXT-ALIGN: center
}
.qqkfhm {
	padding-left: 8px; margin: 3px 0px; overflow: hidden; width: 112px; line-height: 22px; position: relative;
}
.bgdh {
	padding-left: 10px; width: 112px; overflow: hidden;
}

#sj{
position:fixed;
top:100px;
left:10px;
z-index:999;}

#sj p{
font-size:12px;
line-height:20px;
background:red;
color:#fff;
text-align:center;
}


.pagination ul{
	display: flex;
	justify-content: center;
	align-items: center;	
}
.pagination ul li{
	margin: 0 10px;
}
.pagination ul a{
	color: #666;
}

/* mobile_footer */
.mobile_footer { position: fixed; z-index: 520; bottom: 0; left: 0; right: 0; display:none; }

.mobile_footer ul { display: flex; justify-content: space-between; margin-bottom:0px; }

.mobile_footer ul li { padding: 7px 5px; background-color: #337fe5; }

.mobile_footer ul li:nth-child(3) i.iconfont { transform: translateY(-2px); }

.mobile_footer ul li a { color: #fff; display: flex; align-items: center; justify-content: center; line-height:30px; }

.mobile_footer ul li a i.iconfont { font-size: 21px; color: #fff; }

.mobile_footer ul li a span { font-size: 16px; margin-left: 5px; color: #fff; }
.row{ margin:0px;}

@media (max-width: 768px) {  
.mobile_footer{ display:block;}

}

.swiper-slide img{ max-width:100%; }

@media (max-width: 1000px) {  
.header{ width:98%; margin-left:1%; margin-right:1%;}
#sj{ display:none;}
.about_index{ width:98%; margin-left:1%; margin-right:1%;}
.about_p{ width:50%;}
.about_h2{ margin-right:10%; padding-top:0px;}
.pro_index{ width:98%; margin-left:1%; margin-right:1%;}
#demo{ width:100%;}
.download_show li img{ width:100%; height:auto;}
.news_index{ width:98%; margin-left:1%; margin-right:1%;}
.news_index ul li{ width:32%; margin:0.6%;}
.footer{ width:100%;}
#container{ width:100%;}
.left{ width:23%;}
.right{ width:75%;}
.left ul{ width:100%;}
.left ul li{ width:100%;}
.h2_left{ background-size:100% 100%;}
.page_content img{ max-width:100%; height:auto;}
.Product_list{display: flex;flex-wrap: wrap;}
.Product_list li{ width:32%; margin:0.6%; height:auto;}
.Product_list li img{height:auto;}
#related_product ul li{ width:32%; margin:0.6%; height:auto;}
#related_product ul li img{height:auto;}

}

@media (max-width: 991px) {  
#header_bg{ display:none;}
.none992{ height:60px;}
.nav ul li{ height:auto; float:none; line-height:none;}
}

@media (max-width: 767px) {  
.about_index{ background:none; height:auto; overflow:hidden;}
.about_p{ width:100%; margin-right:0px;}
.about_h2{ margin-right:0%; text-align:center;}
.news_index ul{display: flex;flex-wrap: wrap;}
.news_index ul li{ width:48%; margin:1%;}
.secondary_nav{ width:25%; padding-right:0; padding-left:2%;}
.secondary_nav01{ width:25%; padding-right:0; padding-left:2%;}
.left{ display:none;}
.right{ width:100%;}
.News_list li a{ width:79%; height:36px; overflow:hidden; display:block;}
.Product_list li h3{ line-height:1.2; margin:10px 0;}

}

@media (max-width: 425px) {  
.news_index ul li{ width:100%; margin:1% 0;}
.secondary_nav{ width:33.3%;}
.secondary_nav01{ width:33.3%;}
.footer div:nth-child(4){ display:none;}
.News_list li a{ width:72%;}
.Product_list li{ width:48%; margin:1%;}
#related_product ul li{ width:48%; margin:1%;}
.pro_bg{ margin-top:20px;}
.about_index{ margin-top:20px;}

}